(function () {
    // 需求1：获取用户信息 渲染到页面上
    // 渲染数据
    data()

    // 需求2. 用户点击退出 弹窗是否 退出
    $('.tuichu').on('click', function () {
        layer.confirm('此操作将退出登录, 是否继续??', {
            anim: 1,
            icon: 7,
            title: '提示',
            area: ['500px', '200px']
        }, function (index) {
            // 如果确认退出 就返回登录页面 
            location.href = '/login.html'
            // 清除 token值
            localStorage.removeItem('token')
            layer.close(index);
        });
    })
})()


// 设置全局的渲染函数 为了后面要使用
function data() {

    axios({
        url: '/my/userinfo',
        // headers: {
        //     'Authorization': localStorage.getItem('token')
        // }
    }).then(({
        data: res
    }) => {
        if (res.status !== 0) {
            return layer.msg(res.message)
        }
        rendAvatar(res.data)
        // 渲染用户信息
        function rendAvatar(item) {
            // 解构 
            const {
                username,
                nickname,
                user_pic,
            } = item
            let name = nickname || username
            $('.welcome').html(`欢迎:` + name);

            // 要进行判断如果有头像 就渲染头像 没有就渲染文字
            if (user_pic !== null) {
                // 显示图片 在渲染图片 隐藏文字图片
                $('.layui-nav-img').attr('src', user_pic).show()
                $('.textImg').hide()
            } else {
                $('.textImg').show().html(username[0].toUpperCase())
                $('.layui-nav-img').hide()
            }
        }
    })
}